<template>
	<view class="con">
		<view class="con__topbox">
			<view class="con__topbox__dian">
				
			</view>
			<text style="margin: 0 8rpx;">下单成功请复制地址和截图金额发到私人微信</text>
			<view class="con__topbox__dian">
				
			</view>
		</view>
		<view class="title">
			<view class="title__line">
				
			</view>
			<text style="flex: 1;">地址信息</text>
			
			<u-button text="复制地址" @click="copy" color="#3262FD" :customStyle="{width:'173rpx',height:'69rpx'}" shape='circle'></u-button>
		</view>
		<view class="content">
			{{username}} </br>
			{{phone}} </br>
			{{addr}}
		</view>
		<view class="title" style="margin-top: 40rpx;">
			<view class="title__line">
				
			</view>
			<text style="flex: 1;">备注</text>
		</view>
		<view class="con__topbox" style="margin-top: 22rpx;">
			<view class="con__topbox__dian">
				
			</view>
			<text style="margin: 0 8rpx;">如下单不成功首页左下方点击回收地址</text>
			<view class="con__topbox__dian">
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				addr:'',
				username:'',
				phone:'',
				code:'',
				id:''
			};
		},
		methods:{
			copy(){
				let _this=this
				uni.setClipboardData({
					data:_this.username+_this.phone+_this.addr,
					success: function () {
						uni.showToast({
							title:'地址已复制'
						})
					}
				});
			}
		},
		onLoad(o) {
			this.addr=o.addr
			this.username=o.username
			this.code=o.code
			this.phone=o.phone
			this.id=o.id
		}
	}
</script>

<style lang="scss">
.con{
	border-top: 2rpx solid #F0EEEE;
	padding: 20rpx 30rpx 42rpx;
	&__topbox{
		width: 692rpx;
		height: 107rpx;
		background: #EAEFFF;
		border-radius: 20rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: PingFang SC;
		font-weight: bold;
		font-size: 30rpx;
		color: #3262FD;
		margin-bottom: 42rpx;
		&__dian{
			width: 13rpx;
			height: 13rpx;
			background: #3262FD;
			border-radius: 50%;
		}
	}
}
.title{
	display: flex;
	align-items: center;
	font-family: PingFang SC;
	font-weight: 500;
	font-size: 26rpx;
	color: #1E1E1E;
	line-height: 26rpx;
	&__line{
		width: 5rpx;
		height: 24rpx;
		background: #3262FD;
		margin-right: 10rpx;
	}
}
.content{
	font-family: PingFang SC;
	font-weight: 500;
	font-size: 24rpx;
	color: #010101;
	line-height: 48rpx;
	margin-top: 30rpx;
}
</style>
